<!DOCTYPE html>
<html>
<head>
    <meta charset='utf-8'>
    <title>{% block title %}HE-Arc > Talk to us!{% endblock %}</title>
    <link rel="stylesheet" href="{{ STATIC_URL }}css/jquery.mobile-1.3.0.css" />
    <link rel="stylesheet" href="{{ STATIC_URL }}css/voices.css" />
    <script src="{{ STATIC_URL }}js/jquery-1.8.2.min.js"></script>
    <script src="{{ STATIC_URL }}js/jquery.mobile-1.3.0.js"></script>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="application-name" content="Voices::Talk-To-Us!">
    <meta name="dcterms.rights" content="Copyright (C) 2013 HES-SO // Haute école de gestion Arc">
    <meta name="author" content="Cédric Gaspoz <cedric@gaspoz-fleiner.com>">
    <meta name="description" content="">
    <meta name="keywords" content="">
</head>
<body>

<!-- Home Page -->
<div data-role="page" id="home">
    <div data-role="header">
        <h1>{% block header %}Talk to us!{% endblock %}</h1>
        {% if user.is_authenticated %}
            <a href="#" data-icon="gear" class="ui-btn-right">{{ user.username }}</a>
        {% else %}
            <a href="{% url login %}" data-icon="gear" class="ui-btn-right">Login</a>
        {% endif %}
    </div>
    <div data-role="content">
        {% block content %}
        <ul data-role="listview" data-inset="true">
            <li><a href="/">Home</a></li>
            <li><a href="#about">About</a></li>
        </ul>
        {% endblock %}
    </div>
    <div data-role="footer" data-id="footer1" data-position="fixed">
        <div data-role="navbar">
            <ul>
                <li><a href="{% url home %}">Home</a></li>
                <li><a href="{% url stats %}">Stats</a></li>
                <li><a href="#about">About</a></li>
            </ul>
        </div>
    </div>
</div>

<!-- About Page -->
<div data-role="page" id="about">
    <div data-role="header">
        <h1>About</h1>
    </div>
    <div data-role="content">
        <p><img src="{{ STATIC_URL }}img/ttu.gif" alt="Talk to us! logo"></p>
        <p>Ce site a été développé dans le cadre d'un projet de recherche de la HEG Arc en Informatique de Gestion.<br>
        Le but du projet est de donner la possibilité aux utilisateurs de l'espace public de "communiquer" avec leur
        environnement au travers d'interfaces mobiles. Nous observons comment les citoyens
        utilisent cette possibilité pour communiquer et s'informer à propos de leur environnement.</p>
        <p>Si vous êtes intéressés par ce projet ou ses applications, vous pouvez contacter le responsable du projet.</p>
        <p>Prof. Dr. Cédric Gaspoz<br>
        Espace de l'Europe 21<br>
        CH-2000 Neuchâtel<br>
        <a href="mailto:cedric.gaspoz@he-arc.ch">cedric.gaspoz@he-arc.ch</a></p>
    </div>
    <div data-role="footer" data-id="footer1" data-position="fixed">
        <div data-role="navbar">
            <ul>
                <li><a href="{% url home %}">Home</a></li>
                <li><a href="{% url stats %}">Stats</a></li>
                <li><a href="#about">About</a></li>
            </ul>
        </div>
    </div>
</div>

</body>
</html>